/*==========Article Fillter==========*/
.article-filter {
	display:inline-block;
	width:100%;
	background-color:#eee;
	margin-bottom:26px;
	padding:5px 0 0 0;
	position:relative
	
}
.article-filter .display {
    float: left;
	margin:3px 5px 5px 15px
}
.article-filter .display a, .article-filter .display span  {
	background-image:url(../../image/icons.png);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	text-indent: -9999px;
	float:left;
	margin:0 5px
}
.article-filter .display span.active-gird, .article-filter .display a.no-active-gird:hover {
	background-position:  0 -56px
}
.article-filter .display a.no-active-gird {
	background-position: -25px -56px

}
.article-filter .display a.no-active-list {
	background-position: 0 -81px
}
.article-filter .display span.active-list, .article-filter .display a.no-active-list:hover {
	background-position:-25px -81px
}
.article-filter .display b {
	float:left; margin-right:5px;margin-top: 5px;font-weight: normal;
}

.form-choice-category > div { }
.article-filter .limit {
    float: left;
	margin:0 15px 5px
}
.article-filter .limit select,.article-filter .sort select { width:110px; margin:0} 
.article-filter  .sbHolder{
    width: 120px;
	-webkit-border-radius: 20px ;
	-moz-border-radius: 20px ;
	-khtml-border-radius: 20px;
	border-radius:20px;
}
.article-filter  .sbHolder:hover a.sbSelector{
	color:#bc0000
}
.article-filter ul.sbOptions{

}

.article-filter .limit select option {
    padding-left: 5px;
}
.article-filter .sort {
    float: left;
	margin:0 45px 5px 15px
}
.article-filter .sort b, .article-filter .limit b { padding-right:8px;font-weight: normal;}
.article-filter .sort select option {
    padding-left: 5px;
}


.form-choice-category { margin-right:15px; float:right; }
.article-filter .rss-feed { 
	float:right;
	position:absolute; top:4px; right:4px
}

/*===all====*/
.article-name h2 a , .article-name h2 span, .article-title h2 a{
	font-size:14px;
	/*line-height:110%*/
}
a.article-title {
	font-size:14px;
	margin-bottom:11px;
	display:block
}
a.comment-title {
	font-size:14px;
	margin-bottom:9px;
	display:block
}

.time-stamp small , small.time-stamp {
	display:block;
	font-size: 12px;
	color:#969696;
	margin-bottom:3px
}
.separator  {
	color:#b2b2b2;
	padding: 0 ;
	font-weight:700
}
.comment-count, .comment-count a { color:#969696}
.comment-count a:hover { color:#e31111}
.post-by { color:#969696}
.post-by span{
	color:#191919
}
.comment-by { color:#969696; display:inline-block; margin-bottom:8px} 
.comment-by span {
	color:#191919;
}


/*===== box =====*/
.block .block-content ol > li , .block .block-content ul > li{
	padding:15px 0 21px;margin:0;
	color: #505050;
	border-top:1px dotted #dcdcdc
}
.block .block-content ol > li:first-child , .block .block-content ul > li:first-child { border-top:none; padding-top:0}
.block .block-content   li.recent-comment-item:first-child  { padding-top:4px}
p.category-image { margin-bottom:0}
.category-description { 

	overflow:hidden;
	margin:10px 0  15px;
}

.boss_block-tag-cloud a { margin-right:8px}
/* category*/
.boss_article-items { 
	margin-bottom:10px;
	float:left;
	width:100%;
	clear:both;
	color:#505050;
	overflow:hidden
}
.boss_article-items .article-image { 
	float:left; 
	margin:0 50px 0 20px;
	text-align:center
}
.boss_article-items .article-title p {
	text-align: justify; 
	line-height:1.4em
}
.boss_article-items .article-title { 
	margin-bottom:31px;
}
.boss_article-items h2 { 
	margin-top:-3px;
	margin-bottom:9px;
	text-transform:none;
	font:400 14px Tahoma,Arial, sans-serif;
	
}
.boss_article-items .time-stamp{
	 margin-bottom: 10px;
}

/*====category: list=====*/
.article-list {  margin:0 -10px}
.article-list > div + div { 
padding-top:19px 
}
.article-list > div {
	margin-bottom: 31px;
	float:left; 
	clear:both;
	width: 100%;
	border-top:1px dotted #dcdcdc
}
.article-list > div:first-child { border:none}
.article-list div.std  { 
	display:block; 
	overflow:hidden
}

/*====category: grid=====*/
.article-grid { margin:0 -10px}
.article-grid > div { 
	display:inline-block;
	margin:0 0 30px;
	vertical-align:top;
	float:none;
	padding:0
}
.article-grid > div.last {margin-right:0}
.article-grid > div > div {border-right:1px dotted #dcdcdc; padding:0 28px}
.article-grid > div:last-child > div{ border-right:0}

.article-grid .article-name { clear:both; }
.boss_article-items .article-grid .article-name h2 a{
	font-size:14px;
	line-height:1em
}
.boss_article-items .article-grid  .article-image { 
	margin:0 0 19px 0;  
	text-align:center;
	float:none 
}
.boss_article-items .article-grid .time-stamp { 
	margin-bottom:13px
}
.article-grid  .article-image  a { text-align:center}
.article-grid .article-title{  
	margin-bottom:10px
}
.article-grid .article-title p { margin-bottom:0}
.article-grid  .article-footer {	}


/*====boss_block-recent-comments=====*/
.boss_block-recent-comments .recent-comment-content{
	font-style:italic;
	color:#505050;
	margin-bottom: 10px;
}
li.item .recent-comment-content{ display:none}
li.recent-comment-item .recent-comment-content { display:block; margin-bottom:0}

/*========detail==========*/
h1.article-title-boss { 
	font-size:30px; 
	margin-bottom:12px; 
	display:block}
.boss_article-detail small.time-stamp {
	display:inline-block
}
.boss_article-detail  .article-content {	
	margin-bottom:15px;
	border-bottom:1px dotted #dcdcdc
}
.boss_article-detail  .article-content img{ 
	height:auto!important; 
	display:inline-block; 
	margin:0 20px 10px 0;
}
.boss_article-detail .date-post { 
	float:left; 
	width:100%; 
	margin-bottom:13px
}
.boss_article-detail .boss_article-action {
	clear:both; 
	float:left; 
	width:100%; 
	margin-bottom:15px
}
.boss_article-detail .tags {
	float:left;
	margin:0 0 15px 0;
	width:70%
}
.boss_article-detail .article-share{
	float:right;
	margin-bottom:23px 
}
.boss_article-detail .tags  span  {
	float:left;
	margin:0 7px 0 0
}
.boss_article-detail .tags li{ display:inline-block;margin:0 7px 0 0}
.boss_article-detail .tags ul{ display:block; overflow:hidden; margin-top:4px}
.boss_article-detail .tags  span  { 
	font: 700 16px 'Archivo Narrow',Arial, sans-serif;
    padding-right: 5px;
    text-transform: uppercase;
}
.boss_article-detail .tags  a {}
.boss_article-detail .tags  a:hover { }
.boss_article-detail .share{ float:right}

.boss_article-detail  h3 {
    margin-bottom: 13px;
}

.boss_article-detail  .article-related { 
	margin-bottom:35px; 
	clear:both;
	overflow:hidden}

.boss_article-detail  .article-related li {
	 float:left; 
	 clear:both;
}
.boss_article-detail  .article-related a { }
.boss_article-detail #productRelated { 
	margin-bottom:30px; 
	position:relative; 
	clear:both
}
.boss_article-detail #productRelated h3 {border-bottom:1px solid #323232; padding-bottom:7px; margin-bottom:20px}
 #productRelated  .box-product li > div {
	padding: 0 28px;}
.boss_article-detail .comments { 
	clear:both
}
.boss_article-detail .comments > div { 
	padding-bottom:20px;
	overflow:hidden
}
.form-comment-container , .form-comment-container .form-comment { 
	clear:both; 
}
.form-comment-container .form-comment textarea{
	display:block; 
	width: 69%;
}
.form-comment-container .form-comment input[type='text']{
	display:block; 
	width: 69%;
	margin:6px 0 19px
}
.form-comment-container .required { 
	color:#191919;
	display:block; 
	margin-bottom:2px; 
	font-weight:400
}
.form-comment-container .required em{ color:#fc0000}
.form-comment-container .form-comment  >  div {
	clear:both; 
	float:left;
	width:100%
 }
.form-comment-container  .captcha ,.form-comment-container   a.button{  
	margin-bottom:12px; 
	clear:both; 
}

#allcomments , .allcomments{ 
	clear:both
}
#allcomments > div { padding:17px 0 35px; border-top:1px dotted #dcdcdc} 
#allcomments > div:first-child { border-top:0; padding-top:0}
.comment-item-header{ 
	margin-bottom:1px
}
.comment-item-header small.time-stamp{ 
	display:inline-block;
}
div.comment-body {
	margin-bottom:0
}
label.required-1  { 
	color:#bc0000
}
.rss-content table td:first-child { padding:10px 0}
.rss-content table td { vertical-align:middle; padding:10px 20px}

#column-left + #column-right + #content .article-grid  > div{ width:50%}
#column-left + #column-right + #content.grid-33 .article-grid  > div{ width:100%}
#column-left + #column-right + #content.grid-33  .boss_article-items .boss_article-item div > div  { width:100%; clear:both; margin:0 0 10px 0}
